<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Robots" content="all">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">

<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes" />
<meta name="browsermode" content="application">

<meta name="x5-fullscreen" content="true">
<meta name="x5-orientation" content="portrait">
 <meta name="x5-page-mode" content="app">
<!-- 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览-->
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 告诉设备忽略将页面中的数字识别为电话号码 -->
<meta http-equiv="cleartype" content="on">
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="Keywords" content="{$seo_keyword}">
<meta name="Description" content="{$seo_description}">
<meta name="wap-font-scale" content="no">
<title></title>

<block name="body">
<body style="background: #fff7dd;">
    <script src="__STATIC__/html_uploadify/jquery.min.js" type="text/javascript"></script>
    <script src="__STATIC__/html_uploadify/jquery.uploadifive.min.js" type="text/javascript"></script>
    <script src="__JS__/city.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/html_uploadify/uploadifive.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/main.css">
    <div class="tu_container">
        <div class="tu_head">
            <img src="__IMG__/a2.jpg" alt="" width="100%">
           <!-- <img src="__IMG__/a3.png" alt="" width="100%" style="margin-top: -2px;">-->
            <img src="__IMG__/a1.jpg" alt="" width="100%">
           <!-- <img src="__IMG__/tu_03.jpg" alt="" width="100%">-->
        </div>
        <div class="tu_form clearfix">
            <div class="form_select">
                <div class="tu_form_text">
                    <img src="__IMG__/tu_04.jpg" alt="" width="4%" class="tu_radio">
                    <dl class="tu_select" >
                        <dt class="province"></dt>
                        <dd class="dd_01" id="province">
                            <ul>
                                <!--<li><a href="#" value="北京市">北京市</a></li>-->
                                <!--<li><a href="#">广安</a></li>-->
                            </ul>
                        </dd>
                    </dl>
                    <dl class="tu_fl">省</dl>
                    <dl class="tu_select" >
                        <dt class="city"></dt>
                        <dd class="dd_02" id="big_city">
                            <ul>
                                <!--<li><a href="#">成都</a></li>-->
                                <!--<li><a href="#">广安</a></li>-->
                            </ul>
                        </dd>
                    </dl>
                    <dl class="tu_fl">市</dl>
                </div>
            </div>
            <div class="form_select clearfix">
                <div class="tu_form_text">
                    <img src="__IMG__/tu_04.jpg" alt="" width="4%" class="tu_radio" style="text-align: left">
                    <span class="tu_fl">我带着最代表我家乡的土特产</span><input type="text" name="" class="tu_input" id="native_products" style="width: 127px;"><span class="tu_fl">&nbsp;给您拜年了！</span>
                </div>
            </div>

        </div>
        <!--<div class="tu_title">
            <img src="__IMG__/tu_06.gif" alt="" width="100%">
        </div>-->
        <div class="upload_form">
            <form action="{:U('Native/add')}" method="post">
                <div id="queue" style="display:none"></div>
                <a href="javascript:" class="file_upload_pic"><img src="__IMG__/tu_07.jpg" alt="" width="100%" id="u_pic">
                    <input id="file_upload" name="file_upload" type="file" multiple class="file_upload">
                </a>
				<p style="font-size: 14px;font-weight: bold;"><br/>上传我的土特产</p>
                  <!--<p class="info_pic fl">
                      <img id="u_pic" src="" alt=""  width="100">
                  </p>-->
            </form>
        </div>
        <div class="tu_info_form">
            <input type="text" class="tu_tel" placeholder="请输入手机号" id="mobile">
            <input type="text" class="tu_check_node" placeholder="验证码" id="code">
            <input type="button" class="tu_check_btn" value="获取验证码"  id="GetCode" >
            <input type="hidden" id="cover_id" name="cover_id">
            <input type="hidden"  name="token" value="{$check_token}" id="token">
            <input type="button" class="tu_submit_btn" value="分享朋友圈给更多人拜年吧" id="sub">
        </div>

        <div class="tu_intro_footer">
            <img src="__IMG__/tu_08_02.png" alt="" width="100%">
            <div class="tu_footer_bg">
                1、全国所有城市（以市为单位）推荐“最代表家乡的土特产红包产品”重复人数达到<strong>100人</strong>的产品，每位推荐人获得一个<strong>“一份土特产”</strong>；该土特产产品获得公益宣传的机会；<br>
                2、推荐“最代表家乡的土特产产品”人数第一名的产品（一个地级城市一名），该产品成为当地最“土”的土特产，所有该产品的推荐人均获得得一份“土特产”礼品；该城市的特产产品获得公益宣传的机会；<br>
                3、举手之劳，你的家乡土特产将被桂品会超过百万的社群合伙人传播和推广。<br>

                4、举手之劳，你的家乡土特产将有机会被桂品会超过百万的社群合伙人传播和推广。<br>

                5、参赛截止时间正月十五（2016年2月22日12:00），中奖
                结果公布时间2016年3月1日。<br>
                <p class="tu_ercode"><img src="__IMG__/tu_09.png" alt="" width="200px" height="200px"></p>
                6、扫描二维码关注公众号，查看获奖结果。<br>

                7、本活动主办方：中国茶叶行业第一门户网站：第一茶叶网（www.t0001.com）、桂品会（孵化器）、华侨茶业发展基金会。<br>
                8、赞助方：新农乳业。<br>
                9、赞助产品：
                <p class="tu_ercode"><img src="__IMG__/a4.png" alt="" width="200px" height="103px"><img src="__IMG__/a5.png" alt="" width="200px" height="103px"></p>
                <p>全国范围寻找“兵团记忆”。凡是在新疆生产建设兵团工作过的人员，关注公众号领取“兵团记忆”礼品一份。</p>
            </div>
        </div>

    </div>



    <!--弹出框-->
    <div class="box" style="display:none;">
        <div class="demo">
            <a href="javascript:;" class="bounceIn">点击</a>
        </div>

        <div id="dialogBg"></div>
        <div id="dialog" class="animated">
            <div class="dialogTop">
                <img src="__IMG__/tu_11.png" alt="" width="100%" class="dialo_top">
                <a href="javascript:;" class="claseDialogBtn"><img src="__IMG__/tu_12.jpg" alt=""></a>
            </div>
            <p class="dialog_info">
                <!--大过年的，你也为家乡土货代言一个呗-->
                <!--获赞一定多！-->
            </p>
            <input type="button" class="dialog_btn" value="确定">
        </div>
    </div>
</body>

    <script type="text/javascript">
$("#img_dz").attr("src","__IMG__/ico.png");
        $(document).ready(function(){
            //默认省
            $(".province").html(s_data["p"][0]);//默认值省
            var first_city=$(".province").html();
            for(var i=0;i<s_data["p"].length;i++){
                $('#province ul').append("<li value="+s_data["p"][i]+">"+s_data["p"][i]+"</li>");
            };
            //默认市
            for(var k=0;k<s_data['c'][first_city].length;k++){
                $('#big_city ul').append("<li value="+s_data['c'][first_city][k]+">"+s_data['c'][first_city][k]+"</li>");
            }
            $('.city').html(s_data['c'][first_city][0]);

            //点击省
            $("#province").on('click','li',function(){
                var p=$(this).html();
                $(".province").html(p);
                $("#province ul").hide();
                $("#big_city ul").html('');
                //默认市
                $('.city').html(s_data['c'][p][0]);
                for(var k=0;k<s_data['c'][p].length;k++){
                    $('#big_city ul').append("<li value="+s_data['c'][p][k]+">"+s_data['c'][p][k]+"</li>");
                }
            })
            $(".province").click(function(){
                $("#province ul").show();
            })
            $(".city").click(function(){
                $("#big_city ul").show();
            })
            //点击市
            $("#big_city").on('click','li',function(){
                var c=$(this).html();
                $(".city").html(c);
                $("#big_city ul").hide();
            })

        });
        $(function(){
            //发送验证码
            $("#GetCode").click(function(){
                var mobile=$("#mobile").val();
                var reg=/^1[3|4|5|7|8]\d{9}$/;
               // alert(mobile);
                //mobile='15008223973';
                //alert(reg.exec(mobile));
                //if (reg.exec(mobile)==null) {
                 //  alert('手机号码格式不正确'+mobile);
                 //   return false;
               // }
               // return false;
                var url="{:U('Native/send_verify')}";
                $.post(url,{mobile:mobile},function(data){
                    if(data.status){
                        setInt();
                    }else{
                        show_box();
                        $(".dialog_info").html(data.msg);
                    }
                },'json')
            })
            var count=60;
            var curCount;
            var objTime;
            function setTime(){
                if (curCount==0) {
                    clearInterval(objTime);
                    $('#GetCode').removeAttr('disabled');
                    $('#GetCode').css('background','#ec5d54');
                    $('#GetCode').val('重新发送验证码');
                }else{
                    curCount--;
                    $('#GetCode').val(curCount + "秒后重新获取")
                }
            }

            function setInt() {
                curCount=count;
                $('#GetCode').attr('disabled','true');
                $('#GetCode').css('background','#d4d4d4');
                $('#GetCode').css('border','0');
                $('#GetCode').val(curCount + "秒后重新获取")
                objTime=setInterval(setTime,1000);
            }


            $(".tu_select").each(function(){
                var s=$(this);
                var z=parseInt(s.css("z-index"));
                var dt=$(this).children("dt");
                var dd=$(this).children("dd");
                var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};   //展开效果
                var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};    //关闭效果
                dt.click(function(){dd.is(":hidden")?_show():_hide();});
                dd.find("a").click(function(){dt.html($(this).html());_hide();});     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
                // $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});

            })



            $(".claseDialogBtn").click(function(){
                close_box();
            })
            $(".dialog_btn").click(function(){
                close_box();
            })

        })

        function upload_css(){
            $('#uploadifive-file_upload').css({
                position:'absolute',
                width:'200px',
                height:'200px',
                opacity:'0'
            });
            $('#uploadifive-file_upload').find('input:last').css({
                width:'200px',
                height:'100%',
                left:'0px'
            })
        }
        window.onload=function(){
            upload_css();
        }
        //onUploadComplete

        $(function() {
                $('#file_upload').uploadifive({
                'buttonClass' : 'input-class',
                'auto'             : true,
                "buttonText"      : "上传图片",
                'formData'         : {},
                "height"          : 50,
                'queueID'          : 'queue',
                'uploadScript'     : "{:U('File/uploadPicture')}",
                'onUploadComplete' : function(file, data) {
                    var data = $.parseJSON(data);
                    if(data.status){
                        var src = data.url || '__ROOT__' + data.path;
                        var cover_id=data.id;
                        $("#cover_id").val(data.id);
                        $('#u_pic').attr('src',src);

                    } else {
                        alert(data.info);
                    }
                    upload_css();
                },
            });

            $("#sub").click(function(){
                var datas = {
                    province:$(".province").html(),
                    city:$(".city").html(),
                    native_products:$("#native_products").val(),
                    mobile:$("#mobile").val(),
                    code:$("#code").val(),
                    cover_id:$("#cover_id").val(),
                    checktoken:$("#token").val(),
                };
                if(datas.province==''){
                    show_box();
                    $(".dialog_info").html("请选择省份");
                    return false;
                }
                if(datas.city==''){
                    show_box();
                    $(".dialog_info").html("请选择市");
                    return false;
                }
                if(!datas.native_products){
                    show_box();
                    $(".dialog_info").html("土特产名称不能为空");
                    return false;
                }
                if(!datas.cover_id){
                    show_box();
                    $(".dialog_info").html("请上传图片");
                    return false;
                }
                var reg=/^1[3|4|5|7|8][0-9]\d{8}$/;
                if (!reg.test(datas.mobile)) {
                   // show_box();
                   // $(".dialog_info").html("手机号码格式不正确");
                   // return false;
                }
                if(!datas.code){
                    show_box();
                    $(".dialog_info").html("验证码不能为空");
                    return false;
                }
                var url="{:U('Native/index')}";
                $.post("{:U('Native/add')}",datas,function(data){
                    show_box();
                    $(".dialog_info").html(data.message);
                    if(!data.status){
                        var redirect="myrefresh('"+url+"')";
                        setTimeout(redirect,2000);
                    }
                },'json')
            })
        });

        //刷新页面
        function myrefresh(urls) {
            if(urls){
                window.location=urls;
            }else{
                window.location.reload();
            }

        }
        function show_box(){
            //显示弹框
            $(".box").fadeIn();
            $('#dialogBg').fadeIn(300);
            $('#dialog').fadeIn();
        }
        function close_box(){
            //关闭弹窗
            $(".box").fadeOut();
            $('#dialogBg').fadeOut(300);
            $('#dialog').fadeOut();
            $(".dialog_info").html("");
        }	
    </script>
</block>
</body>
</html>